forum

home / developersection / forums / text shadow in css

Ask Question
Anonymous User

Other

I am a content writter !

Message
Can you answer this question?
Answer

1 Answers

Anonymous User

Anonymous User

27-Mar-2016 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
     <title>Text shadow </title>
    <style>
        .Textshadow h1 {
            text-shadow: 2px 2px;
         }


         .Textshadow h2 {
            text-shadow: 2px 2px #1C22DE;
         }


         .Textshadow h3 {
            text-shadow: 2px 2px 5px #ffd800;
         }


         .Textshadow h4 {
            color: #3033CC;
            text-shadow: 2px 2px 4px #000000;
         }
         .Textshadow h5 {
            text-shadow: 0 0 3px #FF0000;
         }
         .Textshadow h6 {
            text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
         }
         .Textshadow p {
            color: #9BFF8A;
            text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
         }
      </style>  
</head>
<body>
    <div class="Textshadow">
    <h1>MindStick.com</h1>
      <h2>MindStick.com</h2>
      <h3>MindStick.com</h3>
      <h4>MindStick.com</h4>
      <h5>MindStick.com</h5>
      <h6>MindStick.com</h6>
      <p>MindStick.com</p>
        </div>
</body>
</html>

Text shadow in css

advertising
advertising

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy